<template>
  <div class="header">
      <div class="header-left">
          <span class="el-icon-arrow-left"></span>
      </div>
      <div class="header-search">
          <span class="el-icon-search"></span>
          输入城市/景点/游玩主题
      </div>
      <div class="header-right">
          <span class="el-icon-caret-bottom">北京</span>
      </div>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
@import url("//unpkg.com/element-ui@2.15.2/lib/theme-chalk/index.css");
.header{
    display: flex;
    position: fixed;
    top: 0;
    width: 100%;
    line-height: .88rem;
    background-color: #00bcd4;
    color: #fff;
    font-size:.32rem;
}
.header-left{
    width: 1rem;
     text-align:center;
}
.header-search{
    flex: 1;
    margin: .11rem 0;
    padding: 0 .2rem;
    background-color: #fff;
    height: .6rem;
    border-radius: .1rem;
    color: #e4e4e4;
    line-height: .6rem;
    
}
.header-right{
    width: 1.5rem;
     text-align:center;

}

</style>